<template>
  <el-form label-position="top" class="p-10">
        <el-form-item label="自定义标题位置">
          <el-radio v-model="activeData.extConfig.swipeAlign" label="top"
            >居上</el-radio
          >
          <el-radio v-model="activeData.extConfig.swipeAlign" label="bottom"
            >居下</el-radio
          >
          <el-radio v-model="activeData.extConfig.swipeAlign" label="hide"
            >隐藏</el-radio
          >
        </el-form-item>
        <el-form-item label="风格">
          <el-radio v-model="activeData.extConfig.swipeType" label=""
            >一般</el-radio
          >
          <el-radio v-model="activeData.extConfig.swipeType" label="card"
            >卡片</el-radio
          >
        </el-form-item>
        <el-form-item label="竖向高度" v-if="swipeVerticalFlag">
          <el-input
            size="mini"
            v-model="activeData.extConfig.verticalHeight"
            style="width: 200px"
          ></el-input>
        </el-form-item>
        <el-form-item label="是否竖向">
          <el-switch
            v-model="activeData.extConfig.vertical"
            @change="swipeChange"
          />
        </el-form-item>
        <el-form-item label="轮播图数据">
      <VW v-model="activeData.extConfig.currentDataList">
        <el-input
          v-model="activeData.extConfig.currentDataList"
          placeholder="请输入图片数据"
        />
      </VW>
    </el-form-item>
    <el-form-item label="播放动画">
      <el-radio-group v-model="activeData.extConfig.type">
        <el-radio label="0">默认</el-radio>
        <el-radio label="1">淡入</el-radio>
      </el-radio-group>
    </el-form-item>
  </el-form>
</template>
<script>
export default {
  name: "swipe-config",
  props: ["activeData"],
  data() {
    return {
      swipeVerticalFlag: false,

    };
  },
  computed: {},
  watch: {},
  methods: {
    swipeChange() {
      if (this.activeData.extConfig.vertical) {
        this.swipeVerticalFlag = true;
      } else {
        this.swipeVerticalFlag = false;
      }
    },
  },
};
</script>
